<!DOCTYPE html>
<%@page import="com.huellas.bean.MantePaciente"%>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
<!--     <link rel="shortcut icon" href="../../assets/ico/favicon.png"> -->

    <title>Busqueda de Mascotas</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap-3.1.1.css" rel="stylesheet" media="screen">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
        
<!-- 	  <!-- Static navbar --> -->
<!-- 	  <div class="navbar navbar-default navbar-static-top"> -->
<!-- 	    <div class="container"> -->
<!-- 	      <div class="navbar-header"> -->
<!-- 	        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> -->
<!-- 	          <span class="icon-bar"></span> -->
<!-- 	          <span class="icon-bar"></span> -->
<!-- 	          <span class="icon-bar"></span> -->
<!-- 	        </button> -->
<!-- 	        <a class="navbar-brand" href="principal.jsp">Trastienda</a> -->
<!-- 	      </div> -->
<!-- 	      <div class="navbar-collapse collapse"> -->
<!-- 	        <ul class="nav navbar-nav"> -->
<!-- 	          <li><a href="principal.jsp">Inicio</a></li> -->
<!-- 	          <li class="dropdown active"> -->
<!-- 	            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mantenimientos <b class="caret"></b></a> -->
<!-- 	            <ul class="dropdown-menu"> -->
<!-- 	              <li><a href="roles_buscar.jsp">Roles</a></li> -->
<!-- 	              <li><a href="#">Productos</a></li>	               -->
<!-- 	            </ul> -->
<!-- 	          </li> -->
<!-- 	          <li><a href="#">Reportes</a></li>	           -->
<!-- 	          <li><a href="LogoutServlet">Salir</a></li> -->
<!-- 	        </ul> -->
<!-- 	      </div>/.nav-collapse -->
<!-- 	    </div> -->
<!-- 	  </div> -->
      
<!-- 	 <div class="container">  -->


		<p><strong>Busqueda de Mascotas </strong></p>
		
		<form id="form1" name="form1" method="post" action="BuscarMascotaServlet" class="form-horizontal" role="form">
		  <p>Buscar: 
		    <label>
		    <input type="text" name="nombre" id="nombre" />
		    </label>
		    <label>
		    <input type="submit" name="button" id="button" value="Buscar" />
		    </label>
		   
		  </p>
		</form>
		<div class="table-responsive">
		<table width="550" height="65" border="1" cellpadding="0" cellspacing="0" class="table table-hover">
		  <tr>
		   
		    <th width="192" scope="col">Nombre Mascota</th>
		    <th width="49" scope="col">Codigo de Mascota</th>
		    <th width="107" scope="col">Fecha Nacimiento</th>
		    <th width="107" scope="col">Raza de Mascota</th>
		   
		  </tr>
		
		<%@page import="java.util.*, com.huellas.bean.MantePaciente" %>
		<%
		Collection<MantePaciente> arreglo = (ArrayList<MantePaciente>)request.getAttribute("pacientes");
		MantePaciente man = new MantePaciente();
		if(arreglo != null) { 
		int i = 1;
		for(MantePaciente x : arreglo) {
		%>  
		  <tr>
		   
		      <td><% out.print(x.getNoPaciente()); %></td>
		    <td><% out.print(x.getCoPaciente()); %></td>
		   
		    <td><% out.print(x.getFeNacimiento()); %></td>
		     <td><% out.print(x.getRaza()); %></td>
		    
		 
		  </tr>
		<% }  
		  } %>
		  
		</table>
		</div>

 		<!-- Site footer -->
	   
	   
	 </div> <!-- /container -->
    
   


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.10.2.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap-3.1.1.js"></script>
  </body>
</html>
